<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="yes" name="apple-touch-fullscreen" />
	<meta content="telephone=no,email=no" name="format-detection" />
	<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
	<title>萌宝购物</title>
	<link rel="stylesheet" href="css/core.css">
	<link rel="stylesheet" href="css/icon.css">
	<link rel="stylesheet" href="css/home.css">
	<link rel="stylesheet" href="font/iconfont.css">
</head>

<body>

	<div class="container">

		<header class="aui-header-default aui-header-fixed ">
			<div class="aui-header-center aui-header-center-clear">
				<div class="aui-header-search-box">
					<i class="aui-icon aui-icon-small-search"></i>
					<input id="" type="text" placeholder="iphone8 手机钢化膜" class="aui-header-search">
				</div>
			</div>
		</header>

		<section class="aui-scroll-contents">
			<div class="aui-scroll-box" data-ydui-scrolltab>
				<div class="aui-scroll-nav">
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">热门推荐</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">美容彩妆</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">母婴专区</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">箱包配饰</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">家居个护</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">营养保健</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">服饰鞋靴</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">数码家电</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">运动户外</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">汽车用品</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">生活旅行</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">数码家电</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">运动户外</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">汽车用品</div>
					</a>
					<a href="#" class="aui-scroll-item aui-crt">
						<div class="aui-scroll-item-icon"></div>
						<div class="aui-scroll-item-text">生活旅行</div>
					</a>
				</div>
				<div class="aui-scroll-content">
					<div class="aui-scroll-content-item">
						<div class="aui-class-img">
							<img src="img/pd/cf-4.jpg" alt="">
						</div>
						<h2 class="aui-scroll-content-title">热门推荐</h2>
						<section class="aui-grid-content">
							<div class="aui-grid-row aui-grid-row-clear">
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-1.jpg" alt=""></i>
									<p class="aui-grid-row-label">手机数码</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-2.jpg" alt=""></i>
									<p class="aui-grid-row-label">笔记本</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-3.jpg" alt=""></i>
									<p class="aui-grid-row-label">空调</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-4.jpg" alt=""></i>
									<p class="aui-grid-row-label">儿童文学</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-5.jpg" alt=""></i>
									<p class="aui-grid-row-label">啤酒</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-6.jpg" alt=""></i>
									<p class="aui-grid-row-label">海参</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-7.jpg" alt=""></i>
									<p class="aui-grid-row-label">床</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-8.jpg" alt=""></i>
									<p class="aui-grid-row-label">衣物清洁</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-9.jpg" alt=""></i>
									<p class="aui-grid-row-label">羽绒服</p>
								</a>
							</div>
						</section>
					</div>
					<div class="aui-scroll-content-item">
						<div class="aui-class-img">
							<img src="img/pd/cf-8.jpg" alt="">
						</div>
						<h2 class="aui-scroll-content-title">美容彩妆</h2>
						<section class="aui-grid-content">
							<div class="aui-grid-row aui-grid-row-clear">
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-1.jpg" alt=""></i>
									<p class="aui-grid-row-label">手机数码</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-2.jpg" alt=""></i>
									<p class="aui-grid-row-label">笔记本</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-3.jpg" alt=""></i>
									<p class="aui-grid-row-label">空调</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-4.jpg" alt=""></i>
									<p class="aui-grid-row-label">儿童文学</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-5.jpg" alt=""></i>
									<p class="aui-grid-row-label">啤酒</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-6.jpg" alt=""></i>
									<p class="aui-grid-row-label">海参</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-7.jpg" alt=""></i>
									<p class="aui-grid-row-label">床</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-8.jpg" alt=""></i>
									<p class="aui-grid-row-label">衣物清洁</p>
								</a>
								<a href="#" class="aui-grid-row-item">
									<i class="aui-icon-large aui-icon-sign"><img src="img/ad/x-sf-9.jpg" alt=""></i>
									<p class="aui-grid-row-label">羽绒服</p>
								</a>
							</div>
						</section>
					</div>
					<div class="aui-scroll-content-item">
						<strong class="aui-scroll-content-title">母婴专区</strong>
						<div style="height: 300px;background-color: #ededed;"></div>
					</div>
					<div class="aui-scroll-content-item">
						<strong class="aui-scroll-content-title">箱包配饰</strong>
						<div style="height: 300px;background-color: #ededed;"></div>
					</div>
					<div class="aui-scroll-content-item">
						<strong class="aui-scroll-content-title">家居个护</strong>
						<div style="height: 300px;background-color: #ededed;"></div>
					</div>
					<div class="aui-scroll-content-item">
						<strong class="aui-scroll-content-title">营养保健</strong>
						<div style="height: 300px;background-color: #ededed;"></div>
					</div>
					<div class="aui-scroll-content-item">
						<strong class="aui-scroll-content-title">服饰鞋靴</strong>
						<div style="height: 300px;background-color: #ededed;"></div>
					</div>
					<div class="aui-scroll-content-item">
						<strong class="aui-scroll-content-title">数码家电</strong>
						<div style="height: 300px;background-color: #ededed;"></div>
					</div>
					<div class="aui-scroll-content-item">
						<strong class="aui-scroll-content-title">运动户外</strong>
						<div style="height: 300px;background-color: #ededed;"></div>
					</div>
					<div class="aui-scroll-content-item">
						<strong class="aui-scroll-content-title">汽车用品</strong>
						<div style="height: 300px;background-color: #ededed;"></div>
					</div>
					<div class="aui-scroll-content-item">
						<strong class="aui-scroll-content-title">生活旅行</strong>
						<div style="height: 300px;background-color: #ededed;"></div>
					</div>
				</div>
			</div>
		</section>

		<footer class="aui-footer-default aui-footer-fixed">
			<a href="#" class="aui-footer-item">
				<span class="aui-footer-item-icon iconfont icon-home"></span>
				<span class="aui-footer-item-text">首页</span>
			</a>
			<a href="#" class="aui-footer-item aui-footer-active">
				<span class="aui-footer-item-icon iconfont icon-apps"></span>
				<span class="aui-footer-item-text">分类</span>
			</a>
			<a href="#" class="aui-footer-item">
				<span class="aui-footer-item-icon iconfont icon-cart"></span>
				<span class="aui-footer-item-text">购物车</span>
			</a>
			<a href="#" class="aui-footer-item">
				<span class="aui-footer-item-icon iconfont icon-people"></span>
				<span class="aui-footer-item-text">我的</span>
			</a>
		</footer>

	</div>

	<script src="js/jquery.min.js"></script>
	<script src="js/aui.js"></script>

</body>

</html>